// components/component-tag-name.js
Component({
  /**
   * 组件的属性列表
   */
  properties: {

  },

  /**
   * 组件的初始数据
   */
  data: {
    showModalStatus: false,
  },

  /**
   * 组件的方法列表
   */
  methods: {
    powerDrawer: function (e) {
      var currentStatu = e.currentTarget.dataset.statu;
      var myEventDetail = { status: currentStatu };
      var myEventOption = {};
      this.triggerEvent('mymodal', myEventDetail, myEventOption)
      this.util(currentStatu);
    },
    util: function (currentStatu) {
      // var myEventDetail = {status: currentStatu};
      // var myEventOption = {};
      // this.triggerEvent('mymodal', myEventDetail, myEventOption)
      /* 动画部分 */
      // 第1步：创建动画实例 
      var animation = wx.createAnimation({
        duration: 200,  //动画时长
        timingFunction: "linear", //线性
        delay: 0  //0则不延迟
      });
      // 第2步：这个动画实例赋给当前的动画实例
      this.animation = animation;

      // 第3步：执行第一组动画
      animation.opacity(0).rotateX(-100).step();

      // 第4步：导出动画对象赋给数据对象储存
      this.setData({
        animationData: animation.export()
      })

      // 第5步：设置定时器到指定时候后，执行第二组动画
      setTimeout(function () {
        // 执行第二组动画
        animation.opacity(1).rotateX(0).step();
        // 给数据对象储存的第一组动画，更替为执行完第二组动画的动画对象
        this.setData({
          animationData: animation
        })

        //关闭
        if (currentStatu == "close") {
          this.setData(
            {
              showModalStatus: false
            }
          );
        }
      }.bind(this), 200)

      // 显示
      if (currentStatu == "open") {
        this.setData(
          {
            showModalStatus: true
          }
        );
      }
    }
  }

})
